html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; }

body, body * { font-size: 12px; }

a:hover { text-decoration: none; }

:focus{ outline: 0; }

.clear { clear: both; }
.hidden { display: none; }
.noborder { border: none; }
.nopad { padding: 0 !important; }

h1 {
	margin: 0;
	padding: 0 0 0 36px;
	line-height: 200%;
	font-size: 90%;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}


/* ЛЕВАЯ КОЛОНКА С АККОРДЕОНОМ НА ГЛАВНОЙ СТРАНИЦЕ */

.ui-layout-west .resources ul li { padding: 0 0 6px 0; }
.ui-layout-west .modules ul li { padding: 0 0 6px 0; }
.ui-layout-west .users ul li { padding: 0 0 6px 0; }

/* НАВИГАЦИОННОЕ МЕНЮ структур данных */

#StructuresMenu ul.navigation { margin: 0; padding: 0; }
#StructuresMenu ul.navigation li { list-style: none; float: left; width: auto; }
#StructuresMenu ul.navigation li a { margin: 0 10px 10px 0; width: 140px; }
#StructuresMenu ul.navigation ul { padding: 0; margin: 0 30px 0 0; }
#StructuresMenu ul.navigation .active { font-weight: bold; }

/* ШАПКА */

.header { height: 60px; margin-bottom: 0px; padding: 0 0 0 30px; border-top: none; border-left: none; border-right: none; }
.header h2 { font-size: 14px; margin: 8px ; height: 40px; line-height: 40px; float: left; width: 500px; font-weight: normal; }
.header h2 span { font-size: 10px; margin-left: 16px; }
.header img { float:left; }
.header div { float: right; width: 170px; border-left: 1px solid #dddddd; padding-left: 8px; margin-top: 12px; }
.header a { text-decoration: underline; }
.header a:hover { text-decoration: none; }

/* ОСНОВНОЙ КОНТЕНТ */

.allcontent { padding: 10px 20px; border: none; }
.allcontent h2 { font-size: 130%; padding: 10px 0 0 10px; font-weght: normal; }
.allcontent table h2 { font-size: 140%; padding: 10px 0 0 10px;	font-weght: normal; }

/* ШИРИНЫ И ВЫСОТЫ */

.w10 { width: 10px; }
.w20 { width: 20px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w600 { width: 600px; }

.wp100 { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.wp32  { width: 32%; box-sizing: border-box; -moz-box-sizing: border-box; }

.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h150 { height: 150px; }

/* ОТСТУПЫ */

.pd4 { padding: 4px; }
.pd6 { padding: 6px; }
.pd8 { padding: 8px; }

.mr2 { margin: 2px; }
.mr4 { margin: 4px; }
.mr6 { margin: 6px; }
.mr8 { margin: 8px; }

.wr1 { margin-right: 1%; }

/* ОБТЕКАНИЕ */
.pull-left { float: left; }

/* ФОРМЫ ДОБАВЛЕНИЯ/РЕДАКТИРОВАНИЯ */

.zend_form dl, .zend_form dt, .zend_form dd { margin: 0; padding: 0; }
form > dl.zend_form { width: 65%; float: left; }
.whole form > dl.zend_form { width: 100%; }
form > dl.right.zend_form { width: 33%; float: right; }
.zend_form fieldset { margin: 0; padding: 10px; }
.zend_form fieldset legend { font-weight: bold; }
.zend_form fieldset dd { margin-bottom: 6px; }
.zend_form fieldset fieldset { border: 1px Solid; }

.zend_form dt label { font-weight: bold; opacity: 0.5; }
.zend_form dt label.required { background: url(../phorm/icons/required.png) no-repeat right; padding-right: 16px; }

.zend_form fieldset ul { padding: 0; margin: 0; list-style: none; }
.zend_form fieldset ul li { line-height: 20px; }

.zend_form ul.ui-phorm-multi-list li .ui-button { float: right; }
.zend_form ul.ui-phorm-multi-list li { padding: 4px; margin-top: 4px; }

.zend_form textarea { padding: 6px; }
.zend_form textarea.markItUpEditor { width: 100%; }
.zend_form input[type=text], .zend_form input[type=password], .zend_form select { padding: 3px 6px; }
.zend_form input.calendar { cursor: pointer; background: #fff url(../phorm/icons/calendar.png) no-repeat right; }

.zend_form ul.errors li { color: red; font-size: 11px; }

.zend_form .multielement { padding: 8px; margin: 8px 0; position: relative; }

.zend_form ul.elementMultiFields li { padding: 8px; margin: 8px 8px 0 0; float: left; }

/* СЛОИ ДЛЯ НАСТРОЙКИ ВНЕШНЕГО ВИДА */

#Layout { width:800px; height:600px; padding: 10px !important; background: transparent !important; }
#Layout .ui-layout-north { border: none !important; background: transparent !important; padding: 0px !important; }
#Layout .ui-layout-center { border: none !important; background: transparent !important; padding: 10px 0 0 0 !important; }
#Layout li { float: left; position:relative; padding: 4px; margin: 2px; line-height: 16px; list-style: none; }
#Layout dd { float:left; margin:1px !important; padding:2px !important; text-align: center; }
#Layout .ui-layout-north  ul { margin:0; padding:0; list-style:none; height:200px; overflow:auto; }
#Layout .ui-layout-north  li { width:200px; cursor:pointer; float:left; margin-right:6px; }
#Layout .ui-layout-center li.item { cursor: move; width: 100px; }
#Layout .ui-layout-center li.add { padding: 0; width: 100%; clear: both; }
#Layout .ui-layout-center li.add .ui-button { padding: 3px;  }
#Layout .ui-layout-center li.item .ui-button { padding: 3px; float: right; }
#Layout .ui-layout-center .ui-sortable-placeholder { visibility: visible !important; }


/* СТРАНИЦА РАЗДЕЛА */

#Categories { width: 100%; }
#Categories h3 { font-size: 15px; }

#Categories .ui-layout-west { width: 300px; float: left; overflow: auto; padding-right:10px; }
#Categories .ui-layout-center { width: auto; overflow: auto; padding-left: 10px; }

#Categories dl { width: auto; }
#Categories dt,
#Categories dd { float: left; padding: 0; margin: 0; min-height: 24px; line-height: 24px; border-bottom: none; border-right: none; border-left: none; }
#Categories dt { width: 30%; }
#Categories dd { width: 70%; }
#Categories .first { border: none; }

/* ФОРМА ЗАГРУЗКИ ФАЙЛОВ В МЕДИА-КОНТЕНТЕ */

#LoadMediaForm { margin-bottom: 10px; }
#LoadMediaForm .remotefile { padding: 10px; }
#LoadMediaForm .remotefile dl { padding: 0; margin: 0; }
#LoadMediaForm .remotefile dt { padding: 0; margin: 0; display: inline; }
#LoadMediaForm .remotefile dd { padding: 0; margin: 0; display: inline; }
#LoadMediaForm .remotefile label { font-weight: bold; font-size: 14px; padding-right: 10px; }
#LoadMediaForm .remotefile input[type=text] { width: 270px; }
#LoadMediaForm .localfile { padding: 10px; }












/* ТАБЛИЦЫ СО СПИСКАМИ */


table tr.headerline {
	text-align: left;
	background-color: #dadada;
	font-weight: bold;
	
}

table tr.rowline {
	background-color: #f7f7f7;
	
}

table tr.rowline:hover {
	background-color: #dcdcdc;
	
}

/* РАЗМЕЩЕНИЕ ЭЛЕМЕНТОВ ФОРМЫ В МОДУЛЕ ФОРМ */

#AddForm ul.formfields { 
	padding: 0px;
	list-style: none;
	margin: 0px;
}

#AddForm ul.formfields li { 
	padding: 6px;
	border: 1px Dashed #AE0000;
	margin: 2px;
	background: #ffffff;
}

#AddForm ul.formfields li:hover { 
	cursor: move;
}

/* СПИСКИ ИЗОБРАЖЕНИЙ В ФОРМЕ ДОБАВЛЕНИЯ МАТЕРИАЛА */

#AddForm ul.images { 
	padding: 0px;
	list-style: none;
	margin: 0px;
}

#AddForm ul.images li { 
	padding: 6px;
	border: 1px Dashed #AE0000;
	margin: 2px;
	background: #ffffff;
	position: relative;
	width: 120px;
	height: 140px;
	float: left;
	
}

#AddForm ul.images li:hover { 
	cursor: move;
}

/* СПИСКИ ТЕГОВ В ФОРМЕ ДОБАВЛЕНИЯ МАТЕРИАЛА */

#AddForm ul.tags { 
	padding: 0px;
	list-style: none;
	margin: 0px;
}

#AddForm ul.tags li { 
	padding: 6px;
	border: 1px Dashed #AE0000;
	margin: 2px;
	background: #ffffff;
	position: relative;
	width: 124px;
	float: left;
	
}

#AddForm ul.tags li input { 
	width: 100px;
}

/* СПИСКИ ХАРАКТЕРИСТИК В ФОРМЕ ПРИВЯЗКИ ТИПОВ ТОВАРОВ К ХАРАКТЕРИСТИКАМ */

#AddForm ul.properties { 
	padding: 0px;
	list-style: none;
	margin: 0px;
}

#AddForm ul.properties li { 
	padding: 6px;
	border: 1px Dashed #AE0000;
	margin: 2px;
	background: #ffffff;
	position: relative;
	width: 400px;
	
}

#AddForm ul.properties li:hover { 
	cursor: move;
}

/* СПИСКИ СВЯЗАННЫХ МАТЕРИАЛОВ В ФОРМЕ ДОБАВЛЕНИЯ МАТЕРИАЛА */

#AddForm ul.depends { 
	padding: 0px;
	list-style: none;
	margin: 0px;
}

#AddForm ul.depends li { 
	padding: 6px;
	border: 1px Dashed #AE0000;
	margin: 2px;
	background: #ffffff;
	position: relative;
	
}



/* ТРЕХКОЛОНОЧНЫЕ ФОРМЫ */

.columns dl.zend_form { width: 100%; }
.columns dl.zend_form > dt { display: none; }
.columns dl.zend_form > dd { width: 32%; float: left; margin-right: 1%; }


.ui-layout-west { overflow: hidden !important; }


/* ФОРМА ДЛЯ ГРУППОВЫХ ОПЕРАЦИЙ */

.selected form dt, .selected form dd {
	float: left;
	line-height: 30px;
	margin-right: 6px;
}

.selected form #submit-label {
	display: none;
}

/* ТАБЛИЦА ПРИ ИМПОРТЕ АДРЕСОВ */

table.importaddress {
	border-collapse: collapse;
}

table.importaddress td {
	border: 1px Solid #eee;
}

table.importaddress th {
	background-color: #eee;
}

.ui-form [disabled="disabled"] {
	background: transparent;
}

/* BOOTSTRAP TOOLTIP */

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}